<template>
  <view @click="$.router.go('/pages/index/shop')" class="h-50 px-12 leading-16 flex-va relative z-10" :style="{color: props.color || $.color.mainColor}">
    <view class="flex-a">
      <view class="font-600">{{ shopInfo.name }}</view>
      <view class="iconfont icon-xiangyou1 ml-2 text-14" />
    </view>
    <view class="text-11 mt-4" :style="{color: props.color || $.color.tipsColor}">{{ shopInfo.distance }}</view>
  </view>
</template>

<script setup>
import { computed, defineProps } from 'vue'
import $ from '@/sheep'
const props = defineProps({
  color: {
    type: String
  }
})
const shopInfo = computed(() => $.store('shop').info)
</script>

<style>
</style>
